<template>
  <div class="layout">
    <Sider :style="{position: 'fixed', height: '100vh', left: 0, overflow: 'auto',top:'100px'}">
      <Menu active-name="1-1" theme="dark" width="auto" :open-names="['1']">
        <MenuItem name="1-1">
          <Icon type="ios-navigate"></Icon>
          <router-link to="/" style="color:#ffffff">轨迹展示</router-link>
        </MenuItem>
        <Submenu name="2">
          <template slot="title">
            <Icon type="ios-keypad"></Icon>学生分析
          </template>
          <MenuItem name="2-1"><router-link to="/influence" style="color:#ffffff">成绩分析</router-link></MenuItem>
          <MenuItem name="2-2"><router-link to="/statistics" style="color:#ffffff">统计分析</router-link></MenuItem>
          <MenuItem name="2-3"><router-link to="/Historical_achievements" style="color:#ffffff">历史成绩查询</router-link></MenuItem>
        </Submenu>
        <Submenu name="3">
          <template slot="title">
            <Icon type="ios-analytics"></Icon>成绩预测
          </template>
          <MenuItem name="3-1" to="/score_pre" style="color:#ffffff">成绩预测</MenuItem>
          <MenuItem name="3-2"><router-link to="/reward_punish" style="color:#ffffff">奖学金预测</router-link></MenuItem>
          <MenuItem name="3-3"><router-link to="/test" style="color:#ffffff">考研</router-link></MenuItem>
        </Submenu>
        <Submenu name="4">
          <template slot="title">
            <Icon type="ios-analytics"></Icon>管网
          </template>
          <MenuItem name="4-1"><router-link to="/tube" style="color:#ffffff">管网展示</router-link></MenuItem>
          <MenuItem name="4-2">影响分析</MenuItem>
        </Submenu>
      </Menu>
    </Sider>
    <Layout :style="{ height:'100vh',width:'100%'}">
      <div style="position:relative;">
        <img src="@/assets/logo.jpg" alt="" style="position:absolute;z-index:10;left:50px;top:10px;" height="80px;">
      <Header :style="{background: '#515a6e', boxShadow: '0 2px 3px 2px rgba(0,0,0,.1)'}" style="position:relative;font-size:26px;color:#ffffff;width:100%;height:100px;"><center style="line-height: 100px;font-size:30px;"><strong>基 于 AI 的 高 校 智 能 学 情 分 析 系 统</strong></center></Header>
      </div> 
      <Content :style="{marginLeft: '200px',padding: '0 16px 16px'}">
        <Breadcrumb :style="{margin: '16px 0'}"></Breadcrumb>
        <Card style="    min-height: 100vh;">
            <router-view />
        </Card>
      </Content>
    </Layout>
  </div>
</template>
<script>
export default {};
</script>
<style scoped>
.layout {
  border: 0px solid #d7dde4;
  background: #f5f7f9;
  position: relative;
  border-radius: 4px;
  overflow: hidden;
}
.layout-header-bar {
  
  background: #fff;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}
</style>
